<template>
  <div class= "app">
       <Category title="美食" :list ="foodArr"/>
       <Category title="游戏" :list ="gameArr"/>
       <Category title="电影" :list ="movieArr"/>
    </div>
 
</template>

<script>
import Category from './components/Category'
export default {
  name: 'App',
  components: { Category },
  data() {
    return {
      foodArr:['火锅','烧烤','小龙虾','牛排'],
      gameArr:['英雄联盟手游','劲舞团','红色警戒','和平精英'],
      movieArr:['《长津湖》','《我和我的长辈》','《飞驰人生》','《怒火重案》'],
    }
  },
  
}
</script>

<style >
/*base*/
.app{
    display: flex;
    justify-content: space-around;
}
</style>